﻿
/*资讯详细页*/
.f-border{ border: 3px solid #dadada; width: 680px;  }
.locate{ margin-top: 15px; color: #333;}
.page {background-color: #f8fcff; margin-bottom: 10px; }
.page a, .comment a, .locate a{ color: #0f3f94; }
.page .body_head, .page .body, .page .body_footer, .page .form{ margin: 20px 25px 20px; padding: 0 0 20px; }
.page .body {font-size:14px; color:#333;}
.page .title{ font-size: 20px; color: #333; margin-bottom: 15px; }
.page em, .page .title{ text-align: center; }
.page em{ font-style: normal; color: #999; font-weight: normal; display: block; }
.page em span{ margin: 5px 10px; }
.page em span label{ color: #f30; }
.page .body_head{ border-bottom: 1px solid #d8ebff; margin-top: 40px; }
.page .tools { background-color: #fff; width: 590px; margin: 10px auto; padding: 10px; position: relative; }
.page .tools .share {background-color: #f6f6f6; padding: 5px; margin-bottom: 10px; }
.page .tools .btn{ top:15px; right: 20px; }
.page .tools .pre { float: left; }
.page .tools .next{ margin-left: 20px; float: right }
.page .body_footer{ color: #333; margin-bottom: 40px; border-bottom: 3px solid #dadada; }
.page .body_footer span{ color: #f30; }
.page .body_footer label{ color: #999; margin-left: 15px; }
.page .body_footer li{ padding-top:6px;text-indent: 20px; float: none; }.page .body_footer li i{ background-position: -48px -3px; width: 12px; height: 12px; overflow: hidden; margin-right: 5px; }
.page .form .reship{ text-align: right; }
.page .related-tags{ margin-left: 25px; }
.page .related-tags a{ margin:3px; }
.form .ulabel, .page .form .ureg{ float: left; }
.form .ulabel{ width: 145px; color: #333; }
.form .ureg{ width: 180px; }
.form .u_input{ width: 90px; }
.form .u_input, .form textarea{ border: 1px solid #dadada;background-color: #fff; }
.form textarea{ width: 630px; height: 150px; margin: 10px 0; }

.comment{ background-color: #fff; }
.comment .c-list{ width: 650px; margin: 10px auto; position: relative; }
.comment .c-list .btn{ top: 5px; right: 10px; display: block; z-index: 888; }
.comment .c-list .btn a{ color: #fff; }

.comment .rela, .comment .prop, .tools .rela, .tools .prop { width: 30px; float: left; position: relative; z-index: 9999; margin: 0 8px; }
.rela-div, .prop-div{ position: absolute; width: 220px; top: 20px; left: -50px; background-color: #fefefe; display:none; border:1px solid #cccccc;padding:5px;}
.comment .btn .rela-div a,.comment .btn .prop-div a, .tools .btn .rela-div a, .tools .btn .prop-div a  {margin:3px 5px; color:gray;}
.comment .c-list h2, .search h2{ background: url(../images/comment_bg.png) repeat-x; height: 31px; line-height: 27px; font-size: 14px; color: #fff; padding-left: 15px; }
.comment .roll{ background-color: #efefef; padding: 5px 3px; }
.comment .roll li, .comment .t-roll li{ width: 25px; float: left; margin-right: 3px; }
.comment .t-roll{ width: 350px; margin: 30px auto; }
.comment .t-roll li{ width: 44px; color: #333; }
.comment .roll .totop, .comment .roll .topre, .comment .roll .tonext, .comment .roll .toend, .comment .roll .togo, .comment .roll .total,
.comment .t-roll .totop, .comment .t-roll .topre, .comment .t-roll .tonext, .comment .t-roll .toend{ display: block; height: 25px; }
.comment .roll .totop, .comment .roll .topre, .comment .roll .tonext, .comment .roll .toend, .comment .roll .togo, .comment .roll .total{ background: url(../images/roll.png) no-repeat; width: 25px; }
.comment .t-roll .totop, .comment .t-roll .topre, .comment .t-roll .tonext, .comment .t-roll .toend{ background: url(../images/t-roll.png) no-repeat; }
.comment .roll .topre, .comment .t-roll .topre{ background-position: 0 -25px; }
.comment .roll .tonext, .comment .t-roll .tonext{ background-position: 0 -50px; }
.comment .roll .toend, .comment .t-roll .toend{ background-position: 0 -75px; }
.comment .roll .togo, .comment .t-roll .togo{ background-position: 0 -100px; }
.comment .roll .total, .comment .t-roll .total{ background-position: 0 -125px; width: 65px; }
.comment .roll .tonum, .comment .t-roll .tonum{border: 1px solid #b0b0b0; }
.comment .roll .tonum a, .comment .t-roll .tonum a{  text-align: center; width: 25px; height: 22px; display: block; color: #333; }
.comment .roll .tonum a:hover, .comment .roll .tonum a.current,
.comment .t-roll .tonum a:hover, .comment .t-roll .tonum a.current
{ background-color: #e11b20; color: #fff; }
.comment .roll .num, .comment .t-roll .num { width: 25px; height: 22px; text-align: center; margin-right: 3px; }
.comment .t-roll .tonum{ width: 25px; }
.comment .comments{ border-top: 1px solid #b2b2b2; background-color: #f8fcff; }
.comment .comments li{ border-bottom:1px dotted #ccc; float: none; width: auto; padding: 10px; }
.comment .comments .user span{ float: left; }
.comment .comments .user em{ float: right; }
.comment .comments .user span i{ width: 15px; height: 15px; background-position: -75px -232px; vertical-align: middle; margin-right: 5px; }
.comment .comments .manage{ text-align: right; color: #83006f;  }
.comment .comments .manage a{ color: #f30; }
.comment .c-list .tags{ width: 580px; margin: 0 auto; }
.comment .c-list .tags ul li{ width: 130px; float: left; padding-left: 10px; }
.comment .tags ul li i { width :10px; height: 10px; display: inline-block; zoom:1; background-position: -51px -25px; }
.comment .c-list .tags a{ font-size: 14px; }

.taglist, .info-list { width: 620px; margin: 10px auto; color: #333; font-size: 14px; }
.taglist li, .info-list li{ float: none; width: auto; border-bottom: 1px dotted #ccc; padding-top: 10px;}
.c-list .taglist .btn, .info-list .btn { font-size:12px; color:#999; top: 0; right: 5px; z-index: 1;}
.taglist .com{ text-align: right; }
.info-list li{ border: 0; padding: 0; }
.info-list li span a{ color: #000; margin-left: 10px; }
.filter{ background: #efefef; height: 30px; line-height: 30px; padding-left: 12px; }
.filter a{ margin: 0 5px; display: inline-block; zoom:1; }
/*.filter input{ margin: 3px 5px; }*/

.alltags { width: auto; float: none; }
.alltags .f-border{ width: auto; }
.alltags .c-list { width: 930px; }
.alltags .c-list .tags{ width: 900px; }
.alltags .c-list .tags ul li{ width: 20.5%; padding-left:18px; background:url(../images/tag_li.png) no-repeat 10px 10px; }
.alltags .a2z{ margin: 10px 0; text-align: center; height: 30px; line-height:30px; }
.alltags .a2z a{ font-size: 14px; display: inline-block; zoom:1;}

.tag-tabs { width: 680px; margin-left: 20px; }
.tag-tabs ol li{ float: left; width: 76px; background: url(../images/tab_bg.png) no-repeat; height: 28px; line-height: 28px; text-align: center; }
.tag-tabs ol .current a{ color: #fff; }
.tag-tabs ol  a{ color: #878787; }
.tag-tabs ol .current{ background-position: 0 -29px; }
.tag-tabs ol{ border-bottom: 2px solid #6e0605; height: 28px; margin-top: 20px; margin-bottom: 10px; }

.comment .manage .reply, .comment .manage .agree, .comment .manage .disagree{ background: url(../images/navs_ie6.png) no-repeat; width: 20px; height: 20px; display: inline-block; zoom: 1; vertical-align: middle; }
.comment .manage .reply{ background-position: 0 -231px; }
.comment .manage .agree{ background-position: -26px -231px; }
.comment .manage .disagree{ background-position: -48px -231px; }